<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
		<meta name="format-detection" content="telephone=no, email=no, date=no, address=no">		
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<title>签到window</title>
		<link rel="stylesheet" text="text.css" href="../../css/api.css"/>
		<link rel="stylesheet" type="text/css" href="../../css/mui.min.css">
		<link rel="stylesheet" type="text/css" href="../../css/base.css"/>
		<style>
		body,html{height:100%;background: #FAFDFF;}
			.faceCont,.faceCont_success{
				padding-top: 50px;
				padding-left: 15px;
				padding-right: 15px;
			}
			.faceimg{
				width: 198px;
				margin: 0 auto;
			}
			.faceimg2{
				width: 168px;
				margin: 0 auto;
			}			
			.faceimg img,.faceimg2 img{
				display: block;
				width: 100%;
			}
			.face-txt{
				text-align: center;
				font-size: 15px;
				color: #333;
				margin-top: 18px;
				line-height: 1.1;
			}
			.face_queding{
				width: 389px;
				max-width: 100%;
				height: 46px;
				line-height: 46px;
				font-size: 14px;
				color: #fff;
				margin: 45px auto 0;
				border-radius: 8px;
				background: #EF343C;
				text-align: center;
			}	
			.face-rule{
				font-size: 12px;
				color: #666;
				margin: 46px auto 0;
				width: 434px;
				max-width: 100%;
				line-height: 28px;
			}		
		</style>
	</head>
	<body>
		<div class="base_style_color " id='BarAppearance' style="height: 22px;width: 100%"></div>
		<div class="base_navigation_bar base_style_color">
			<a class="base_left_item" href="#" onclick="back()"> <img class="base_back_icon" src="../../image/icon_jiantou.png" alt=""> </a>
			<span>人脸识别签到</span>
		</div>		
    	<div class="faceCont">
    		<div class="faceimg"><img src="../../image/zfaceicon.png" alt=""></div>
    		<p class="face-txt">人脸识别认证将采集您的照片，请按照要求进行操</p>
    		<div class="face_queding" id="startFace" onclick="startFace()">开始人脸识别认证</div>
    		<ul class="face-rule">
    			<li>说明：</li>
    			<li>1.人脸识别认证，在使用长风网app期间，可使用人脸识别签到等服务</li>
    			<li>2.人脸识别认证，请确保为本人认证，不得使用图片或其他人像冒充认证</li>
    			<li>3.人脸识别认证通过后，将不可修改，请谨慎操作</li>
    		</ul>
    	</div>
    	<div class="faceCont_success" style="display:none;">
    		<div class="faceimg2"><img src="../../image/zface-success.png" alt=""></div>
    		<p class="face-txt" style="margin-top:50px;">认证成功</p>
    		<div class="face_queding" onclick="back()">返回 <span id="backtime">3s</span></div>
    	</div>		
	</body>
	<script type="text/javascript" src="../../script/api.js"></script>
	<script type="text/javascript" src="../../script/MD5.js"></script>
	<script type="text/javascript" src="../../script/requestTool.js"></script>
	<script type="text/javascript" src="../../script/jquery.min.js"></script>
	<script type="text/javascript" src="../../script/common.js"></script>
	<script type="text/javascript" src="../../script/push.js"></script>
	<script type="text/javascript" src="../../script/timeStampTool.js"></script>
	<script type="text/javascript">
		function  startFace(){
			$(".faceCont").hide();
			$(".faceCont_success").show();
			//倒计时
			timeReduce();
		}
		function back() {
			sendBuriedNotifi('1', '学生端签到页', '175');
			api.closeWin();
		}	
		function sendBuriedNotifi(busionessid, pagetype, pagetypeid) {
			var userinfo = {
				uid : $api.getStorage('cfnetppuid'),
				jid : $api.getStorage('cfnetppjxid'),
				uname : $api.getStorage('cfnetppusername'),
			}
			var data = {
				busionessid : busionessid,
				pagetype : pagetype,
				pagetypeid : pagetypeid,
				sourceurl : api.pageParam.sourceurl,
				sourcetitle : api.pageParam.sourcetitle,
				accesspageurl : window.location.pathname,
				accesspagetitle : document.title,
				userinfo : userinfo
			}
			SendBehaviorTrajectoriesNotifi_Study(data);
		}	
		function timeReduce(){
			var i = 3;
			var intervalid;
			intervalid = setInterval(function(){
				if (i == 0) {
					back();
					clearInterval(intervalid);
				}
				document.getElementById("backtime").innerHTML = i+'s';
				i--;
			}, 1000);
		}		
	</script>
</html>